<template>
  <van-tabbar v-model="active" active-color="#ff5f16" inactive-color="#797d82" route>
            <van-tabbar-item replace to="/films" icon="home-o">
                <span class="iconfont icon-dianying1" slot="icon"></span>
                <span>电影</span>
            </van-tabbar-item>
            <van-tabbar-item replace to="/cinemas" icon="search">
                <span class="iconfont icon-yingyuan" slot="icon"></span>
                <span>影院</span>
            </van-tabbar-item>
            <van-tabbar-item replace to="/infomation" icon="friends-o">
                <span class="iconfont icon-zixun1" slot="icon"></span>
                <span>资讯</span>
            </van-tabbar-item>
            <van-tabbar-item replace to="/ucenter" icon="setting-o">
                <span class="iconfont icon-wode1" slot="icon"></span>
                <span>我的</span>
            </van-tabbar-item>
</van-tabbar>
</template>

<script>
import Vue from 'vue';
import { Tabbar, TabbarItem } from 'vant';
import "@/assets/font/iconfont.css"

Vue.use(Tabbar);
Vue.use(TabbarItem);
export default {
    data(){
        return{
            active:0
        }
    }
}
</script>

<style scoped>
.iconfont{
    font-size: 20px;
}

</style>